<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <!-- jQuery WeUI -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.6/css/swiper.min.css">
    <link rel="stylesheet" href="../css/main.css">
</head>
<body bgcolor="#f5f5f5">
    <!--bottom tabbar-->
    <div class="weui-tabbar zi-8">
        <a href="index.html" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="../img/userCenter/home1.png" alt="">
            </div>
            <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="#classify" class="weui-tabbar__item weui-bar__item--on">
            <div class="weui-tabbar__icon">
                <img src="../img/userCenter/classification1.png" alt="">
            </div>
            <p class="weui-tabbar__label">分类</p>
        </a>
        <a href="#cart" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
                <img src="../img/userCenter/cart_empty.png" alt="">
            </div>
            <p class="weui-tabbar__label">购物车</p>
        </a>
        <a href="userCenter.html" class="weui-tabbar__item" target="_self">
            <div class="weui-tabbar__icon">
                <img src="../img/index/pc1.png" alt="">
            </div>
            <p class="weui-tabbar__label">个人中心</p>
        </a>
    </div>
    <div class="classify-page">
        <div class="top">分类</div>
        <ul class="classify-ul">
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
            <li>
                <img class="classify-li-img" src="../img/index/meat_pic.png" alt="">
                <div class="classify-li-title">田园时蔬</div>
            </li>
        </ul>
    </div>
</body>
<!-- jQuery WeUI -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- jQuery WeUI拓展插件需要的JS -->
<!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.6/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
<script>

</script>
</html>
